.customer-main {
  background: white;
  height: 100%;
  display: flex;
  flex-direction: column;
  .header {
    display: flex;
    align-items: center;
    .button {
      box-sizing: border-box;
      padding: 0.0421rem 0.0625rem;
      font-size: 0.0729rem;
      border: 1px solid #3644bf;
      margin-right: 0.1rem;
      font-family: PuHuiMedium;
    }
    .button:nth-child(1),.button:nth-child(2) {
      background: #3644bf;
      color: white;
    }
    .button:nth-child(n + 3) {
      color: #3644bf;
    }
  }
  :deep(.order-main) {
    padding-bottom: 0;
  }
  .content {
    display: flex;
     height: 100%;

    .menu {
      width: 0.5208rem;
      display: flex;
      flex-direction: column;
      overflow-y: auto;
      font-size: 0.0833rem;
      font-weight: bold;
      height: 100%;
      background: #f5f8fe;
      .menu-part {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 0.2813rem;
      }
      .sel{
        color: white;
        background: #3644bf;;
      }
      .nosel{
        color: #2d2d2d;
        
      }
    }

    .table{
        flex: 1;
        margin-left: .1042rem;
        margin-right: .1042rem;
        // margin-top: .2rem;
        .operation{
            display: flex;
            justify-content: center;
             .button{
                font-size: .0729rem;
                font-weight: bold;
                color: #3644BF;
             }
             .button:nth-child(n+1){
                margin-right: .1rem;
             }
        }
    }
  }
}

.del-color{
    color:#da4556 !important;
}